<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="system/head :: common_head(~{::title},~{::link})">
    <title>mobileLogin</title>
    <link rel="stylesheet" th:href="@{/system/js/login/login.css}" media="all" />
</head>
<body class="loginBody">
<div class="one-div"></div>
<div class="logo-top"><img th:src="@{/system/images/logo.png}" class="logo"></div>
<div class="lou-top"><img th:src="@{/system/images/lou.png}" class="lou"></div>
<div class="form-top-div">
    <form class="layui-form costom-form">
        <div style="padding: 0px 10px">
            <a href="/security/login" style="float: right;margin-bottom: 5px;color: #FFFFFF">用户名密码登录</a>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手机号：</label>
            <div class="layui-input-block">
                <input type="text" name="mobile" value="13500005555" maxlength="11" lay-verify="mubile|required" lay-reqText="请输入账号" placeholder="请输入账号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">验证码：</label>
            <div class="layui-input-inline">
                <input type="text" name="captcha"  lay-reqText="请输入验证码" placeholder="请输入验证码" autocomplete="off" class="layui-input">
            </div>
            <div class="captcha" style="display: flex;align-items: center">
                <button type="button" class="layui-btn layui-btn-sm btncolor beforMobileCaptcha" style="width: 100%;padding: 0 5px">获取验证码</button>
                <button class="sandMobileCaptchaBtn" lay-submit lay-filter="sandMobileCaptchaBtn" style="display: none">获取验证码</button>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input type="checkbox" name="remember-me" title="记住我" lay-skin="primary">
            </div>
        </div>

        <div class="layui-form-item costom-item">
            <div class="layui-input-block btn-block">
                <button type="button" class="layui-btn layui-btn-sm btncolor beforlogin">登录</button>
                <button class="layui-btn layui-btn-sm btncolor login" style="display: none" lay-submit lay-filter="login">登录</button>
                <button type="reset" class="layui-btn  layui-btn-sm layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>
<div th:replace="system/head :: common_js(~{::script})">
    <script type="text/javascript" th:src="@{/system/js/login/mobile.js}"></script>
</div>

</body>
</html>